﻿<div ng-controller="Deploy.Sdb.ShrinkConf.Ctrl" ng-container="{}">
   <div style="border-bottom:1px solid #eee;" step-chart="stepList"></div>
   <div style="padding:10px 15px;" ng-container="{ offsetY: -106 }">
      <div ng-container="{offsetY:-5}">
         <div ng-controller="Deploy.Sdb.Shrink.GroupList.Ctrl" class="pull-left" ng-container="{width:350}">
            <div style="height:30px;font-size:110%;font-weight:bold;">{{autoLanguage("业务")}}: {{ModuleName}}</div>
            <div class="borderBox" style="padding:10px;font-size:90%;overflow-y:auto;" ng-container="{offsetY:-30}">
               <div style="font-weight:bold;margin-bottom:10px;">{{autoLanguage("分区组列表")}}</div>
               <div class="borderBox" style="overflow-y:auto;">
                  <div style="height:55px;border-top:1px solid;" ng-repeat="(key, groupInfo) in GroupList track by $index" ng-style="{'true':{'border-color':'#fff'},'false':{'border-color':'#E3E7E8'}}[$index==0]">
                     <div class="borderChoose" style="height:47px;margin:1px;cursor:pointer;" ng-click="CheckedGroup(groupInfo['groupName'])">
                        <table class="table" style="margin-top:5px;">
                           <tr>
                              <td style="padding-left:10px;">
                                 <div class="Ellipsis" style="font-weight:bold;">
                                    <span>{{groupInfo['groupName']}}</span>
                                 </div>
                                 <div class="Ellipsis" style="font-size:90%;color:#888;padding-top:3px;">{{autoLanguage("节点数")}}: {{groupInfo['nodeNum']}}</div>
                              </td>
                           </tr>
                        </table>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div ng-controller="Deploy.Sdb.Shrink.Table.Ctrl" class="pull-left" ng-container="{offsetX:-360,marginLeft:10}">
            <div style="height:30px;font-size:110%;font-weight:bold;">{{autoLanguage("节点列表")}}</div>
            <div ng-container="{offsetY:-30}" ng-table="NodeTable['options']" table-title="NodeTable['title']" table-content="nodeInfo in NodeTable['body']" table-callback="NodeTable['callback']">
               <div table-key="checked">
                  <input type="checkbox" ng-model="nodeInfo.checked" />
               </div>
               <div class="Ellipsis" table-key="hostname">
                  <a class="linkButton" ng-click="ShowNodeConf( nodeInfo )">{{nodeInfo['hostname']}}</a>
               </div>
               <div class="Ellipsis" table-key="svcname">
                  <a class="linkButton" ng-click="ShowNodeConf( nodeInfo )">{{nodeInfo['svcname']}}</a>
               </div>
               <div class="Ellipsis" table-key="dbpath">
                  <a class="linkButton" ng-click="ShowNodeConf( nodeInfo )">{{nodeInfo['dbpath']}}</a>
               </div>
               <div class="Ellipsis" table-key="role">
                  <a class="linkButton" ng-click="ShowNodeConf( nodeInfo )">{{nodeInfo['role']}}</a>
               </div>
               <div class="Ellipsis" table-key="datagroupname">
                  <a class="linkButton" ng-click="ShowNodeConf( nodeInfo )">{{nodeInfo['datagroupname']}}</a>
               </div>
            </div>

            <div ng-windows="config as NodeConfWindow.config" windows-callback="NodeConfWindow.callback">
               <table class="table border loosen">
                  <thead>
                     <tr style="background:#F1F4F5;">
                        <th width="160">{{autoLanguage("配置项")}}</th>
                        <th>{{autoLanguage("值")}}</th>
                     </tr>
                  </thead>
                  <tbody>
                     <tr ng-repeat="item in config track by $index">
                        <td>
                           <span>{{item.key}}</span>
                        </td>
                        <td>
                           <span>{{item.value}}</span>
                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
         <div class="clear-float"></div>
      </div>

      <div style="text-align:center;" ng-container="{height:30,marginTop:20}">
         <button class="btn btn-default" ng-click="GotoDeploy()"><i class="fa fa-chevron-left"></i> {{autoLanguage("返回")}}</button>
         &nbsp;&nbsp;&nbsp;
         <button class="btn btn-primary" ng-click="GotoNext()">{{autoLanguage("下一步")}}</button>
      </div>

   </div>

</div>
